/* 通用设置 */
* {margin: 0;padding: 0;font-family: "微软雅黑", tahoma, arial, simsun, sans-serif;font-size: 13px;}
html, body {/*height: 100%;*/}
body {color: #222;background-color: #eee;}
a {-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
a, a:hover, a:active, a:visited, a:link, a:focus {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;}
a, u {color: inherit;font-size: inherit;text-decoration: none;}
a:link {color: inherit;text-decoration: none;}
a:visited {color: inherit;text-decoration: none;}
a:hover {color: inherit;text-decoration: none;}
a:active {color:  inherit;text-decoration: none;}
ul {font-size: 0;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
table {border-collapse:collapse;}
th, td {padding: 5px;}
input{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
input[type="text"]:focus, input[type="password"]:focus, select:focus {box-shadow: none;}
iframe {border: none;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.clearfix::after {clear: both;content: "";height: 0;display: block;visibility: hidden;}
.body-color {background-color: #fff;}


/* 页头 */
#header-info {width: 100%;background-color: #14762d;}
#header-info div {display: flex;align-items: center;}
#header-info div img {width: 30px;height: 30px;border-radius: 100%;margin-left: 10px;border: 1px solid #ddd;}
#header-info div span {margin-left: 5px;color: #fff;}
#header-info .title {width: 100%;padding: 5px 0;display: flex;justify-content: space-between;align-items: center;}
#header-info .title p {font-size: 20px;color: #fff;margin-right: 35px;}
#header-info .title i {font-size: 20px;margin-right: 10px;color: #fff;}


/* 主题 */
#main-info {width: 100%;}
#main-info .save {width: 100%;background-color: #14762ded;text-align: center;color: #fff;margin-top: 1px;padding: 2px 0;}
#main-info .list {margin-top: 10px;}
#main-info .list .tr {width: 100%;display: flex;justify-content: space-between;}
#main-info .list .tr .td {width: 33.3%;text-align: center;background-color: #fff;margin: 1px;position: relative;padding: 20px 0;}
#main-info .list .tr .td i {border: 1px solid #666;border-radius: 100%;padding: 5px;width: 13px;height: 13px;}
#main-info .list .tr .td div {position: absolute;right: 3px;top: 3px;color: #fff;padding: 0 3px;border-radius: 2px;}
#main-info .list .tr .td .greed {background-color: #008000;}
#main-info .list .tr .td .blue {background-color: dodgerblue;}
#main-info .list .tr .td .orange {background-color: darkorange;}
#main-info .list .tr .td p {margin-top: 5px;}
#main-info .record {margin-top: 10px;}
#main-info .record .title {background-color: #fff;padding: 5px 10px;color: #000;}
#main-info .record .list {margin-top: 3px;}
#main-info .record .list .tr {display: flex;justify-content: space-between;align-items: center;padding: 10px 0;margin-top: 3px;background-color: #fff;}
#main-info .record .list .tr .time {text-align: center;padding: 0 20px 0 10px;border-right: 2px solid #e1e2e3;width: 20%;}
#main-info .record .list .tr .time h1 {color: #000;font-size: 25px;}
#main-info .record .list .tr .time p {color: #666;}
#main-info .record .list .tr .info {display: flex;width: 80%;padding: 10px 20px;justify-content: space-between;align-items: center;}
#main-info .record .list .tr .info div h4 {font-size: 15px;}
#main-info .record .list .tr .info div p {font-size: 20px;}
#main-info .record .list .tr .info i {font-size: 16px;color: #666;}
